<template>
  <div class="about">
    <h1>This is an about page</h1>
    <vue-ueditor-wrap :config="editorConfig"></vue-ueditor-wrap>
  </div>
</template>

<script>
import VueUeditorWrap from "vue-ueditor-wrap";
export default {
  name:'Editor',
  components:{
    VueUeditorWrap //注册组件
  },
  data(){
    return{
      editorConfig:{
        // 你的UEditor资源存放的路径,相对于打包后的index.html
        UEDITOR_HOME_URL: "/static/UEditor/",
        // 编辑器不自动被内容撑高
        autoHeightEnabled: false,
        // 初始容器高度
        initialFrameHeight: 300,
        // 初始容器宽度
        initialFrameWidth: "80%",
        // 关闭自动保存
        enableAutoSave: false,
        // 自定义工具栏，需要额外选项可以参考ueditor.config.js
        toolbars: [
          [
            "fullscreen",
            "source",
            "|",
            "bold",
            "italic",
            "underline",
            "|",
            "fontsize",
            "fontfamily",
            "|",
            "kityformula",
            "preview",
            "|",
            "justifyleft",
            "justifycenter",
            "justifyright",
            "justifyjustify",
            "|"
          ]
        ]
      }
    }
  }
  
  
}
</script>